<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="container">
  <div id="carousel-top" class="carousel slide">
    <!-- Wrapper for slides -->
    <div class="carousel-inner">

      <div class="item active">
        <a href="#" class="offer"> <img src="img/top-carrossel/offer01.jpg" alt="//"> <span><strong>2014
              spark</strong>From $12,170*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer02.jpg" alt="//"> <span><strong>2013
              sonic hatchback</strong>From $14,785*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer03.jpg" alt="//"> <span><strong>2013
              cruze</strong>From $17,170*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer04.jpg" alt="//"> <span><strong>2014
              traverse</strong>From $30,795*</span>
        </a>
      </div>

      <div class="item">
        <a href="#" class="offer"> <img src="img/top-carrossel/offer01.jpg" alt="//"> <span><strong>2014
              spark</strong>From $12,170*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer03.jpg" alt="//"> <span><strong>2014
              traverse</strong>From $30,795*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer02.jpg" alt="//"> <span><strong>2013
              sonic hatchback</strong>From $14,785*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer01.jpg" alt="//"> <span><strong>2013
              cruze</strong>From $17,170*</span>
        </a>
      </div>

      <div class="item">
        <a href="#" class="offer"> <img src="img/top-carrossel/offer01.jpg" alt="//"> <span><strong>2014
              spark</strong>From $12,170*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer01.jpg" alt="//"> <span><strong>2013
              cruze</strong>From $17,170*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer03.jpg" alt="//"> <span><strong>2014
              traverse</strong>From $30,795*</span>
        </a> <a href="#" class="offer"> <img src="img/top-carrossel/offer02.jpg" alt="//"> <span><strong>2013
              sonic hatchback</strong>From $14,785*</span>
        </a>
      </div>

    </div>

    <!-- Controls -->
    <a class="carousel-control" href="#carousel-top" data-slide="prev"> <span class="icon-left-circled"></span>
    </a> <a class="carousel-control next" href="#carousel-top" data-slide="next"> <span class="icon-right-circled"></span>
    </a>

  </div>
</div>